.root {
  -fx-base: #FFF;
  theme-bg-color: #FFF;
  theme-color: #3b4252;
  theme-color-light: rgba(59, 66, 82, 0.2);
  theme-color-dark: #757575;
  theme-border-color: rgb(224, 224, 224);
  theme-hover-color: #bdbdbd;
  theme-icon-hover-color: #3b4252;
}

.stage-decorator {
  -fx-bg-color: #FFF;
  -fx-header-bg-color: #3b4252;
}
.stage-decorator .sidebar-nav {
  -fx-sidebar-nav-bg-color: #FFF;
  -fx-sidebar-bg-color: #FFF;
  -fx-sidebar-border-color: rgb(224, 224, 224);
  -fx-menu-bg-color-selected: #3b4252;
  -fx-menu-bg-color-hover: #bdbdbd;
}

.jfx-alert-overlay {
  -fx-bg-color: #FFF;
}

.loading {
  -fx-bg-color: #FFF;
}

.search-bar {
  -fx-bg-color: rgba(59, 66, 82, 0.2);
}

.scroll-bar {
  -fx-color: rgba(59, 66, 82, 0.2);
  -fx-hover-color: #757575;
}

.text-area {
  -fx-color: rgba(59, 66, 82, 0.2);
  -fx-hover-color: #757575;
  -fx-selected-color: #3b4252;
}

.jfx-slider {
  -jfx-default-thumb: #3b4252;
  -jfx-default-track: rgba(59, 66, 82, 0.2);
}

.check-box {
  -fx-checked-color: #3b4252;
  -fx-unchecked-color: #757575;
}

.list-view {
  -fx-selected-color: #757575;
  -fx-separator-color: rgba(59, 66, 82, 0.2);
}

.tab-button {
  -fx-selected-color: #3b4252;
  -fx-color: rgba(59, 66, 82, 0.2);
}

.jfx-tab-pane {
  -fx-color: #3b4252;
}

.text-field,
.text-area,
.input-box,
.spinner,
.loading-image-view {
  -fx-bg-color: rgba(59, 66, 82, 0.2);
}

.progress-bar {
  -fx-color: #3b4252;
  -fx-bg-color: rgba(59, 66, 82, 0.2);
}

.tag {
  -fx-tag-color: #3b4252;
}

.context-menu {
  -fx-selected-color: #3b4252;
}

.combo-box-base {
  -fx-bg-color: rgba(59, 66, 82, 0.2);
  -fx-selected-color: #3b4252;
}

.table-view {
  -fx-slected-color: #3b4252;
  -fx-slected-color-light: rgba(59, 66, 82, 0.2);
  -fx-color-dark: #757575;
}

.title-bar {
  -fx-action-color: #3b4252;
}

.root {
  -fx-base: #FFF;
  theme-bg-color: #FFF;
  theme-color: rgb(155, 89, 182);
  theme-color-light: rgba(155, 89, 182, 0.2);
  theme-color-dark: #757575;
  theme-border-color: rgb(224, 224, 224);
  theme-hover-color: #bdbdbd;
  theme-icon-hover-color: rgb(155, 89, 182);
}

.stage-decorator {
  -fx-bg-color: #FFF;
  -fx-header-bg-color: rgb(155, 89, 182);
}
.stage-decorator .sidebar-nav {
  -fx-sidebar-nav-bg-color: #FFF;
  -fx-sidebar-bg-color: #FFF;
  -fx-sidebar-border-color: rgb(224, 224, 224);
  -fx-menu-bg-color-selected: rgb(155, 89, 182);
  -fx-menu-bg-color-hover: #bdbdbd;
}

.jfx-alert-overlay {
  -fx-bg-color: #FFF;
}

.loading {
  -fx-bg-color: #FFF;
}

.search-bar {
  -fx-bg-color: rgba(155, 89, 182, 0.2);
}

.scroll-bar {
  -fx-color: rgba(155, 89, 182, 0.2);
  -fx-hover-color: #757575;
}

.text-area {
  -fx-color: rgba(155, 89, 182, 0.2);
  -fx-hover-color: #757575;
  -fx-selected-color: rgb(155, 89, 182);
}

.jfx-slider {
  -jfx-default-thumb: rgb(155, 89, 182);
  -jfx-default-track: rgba(155, 89, 182, 0.2);
}

.check-box {
  -fx-checked-color: rgb(155, 89, 182);
  -fx-unchecked-color: #757575;
}

.list-view {
  -fx-selected-color: #757575;
  -fx-separator-color: rgba(155, 89, 182, 0.2);
}

.tab-button {
  -fx-selected-color: rgb(155, 89, 182);
  -fx-color: rgba(155, 89, 182, 0.2);
}

.jfx-tab-pane {
  -fx-color: rgb(155, 89, 182);
}

.text-field,
.text-area,
.input-box,
.spinner,
.loading-image-view {
  -fx-bg-color: rgba(155, 89, 182, 0.2);
}

.progress-bar {
  -fx-color: rgb(155, 89, 182);
  -fx-bg-color: rgba(155, 89, 182, 0.2);
}

.tag {
  -fx-tag-color: rgb(155, 89, 182);
}

.context-menu {
  -fx-selected-color: rgb(155, 89, 182);
}

.combo-box-base {
  -fx-bg-color: rgba(155, 89, 182, 0.2);
  -fx-selected-color: rgb(155, 89, 182);
}

.table-view {
  -fx-slected-color: rgb(155, 89, 182);
  -fx-slected-color-light: rgba(155, 89, 182, 0.2);
  -fx-color-dark: #757575;
}

.title-bar {
  -fx-action-color: rgb(155, 89, 182);
}
